<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="#0A5AF9">
		<title>title</title>
		<link rel="stylesheet" type="text/css" href="../css/api.css" />
		<link rel="stylesheet" href="../css/aui.css" />
		<link rel="stylesheet" href="../css/public-head.css" />
		<link rel="stylesheet" href="../css/mui.css" />
		<link rel="stylesheet" type="text/css" href="../css/MessageCenter.css"/>
		<script type="text/javascript" src="../script/public-head.js"></script>
		<style>
			/*html,
			body {
				background-color: #EEEEEE;
			}

			.Zhangice {
				width: 100%;
				height: 100%;
				padding-top: 11px;
			}

			.Zhangice>div>ul>li>img {
				width: 34px;
				height: 34px;
				margin-left: -2px;
				margin: auto;
			}

			.Zhangice>div>ul>li>div>span {
				font-size: 14px;
				font-weight: 700;
				width: 120px;
				padding-left: 10px;
			}

			.Zhangice>div>ul>li>div>input {
				margin-right: 12px;
				margin: auto;
				font-size: 12px;
				text-align: right;
				color: #EEEEEE;
				border: 0px;
				width: 75%;
			}*/
			/*列表*/

			/*.aui-list-item-inner.aui-list-item-arrow {
				overflow: hidden;
				padding-right: 1.5rem;
			}

			.aui-list .aui-list-item-inner {
				position: relative;
				min-height: 60px;
				padding-right: 0.75rem;
				width: 100%;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				display: -webkit-box;
				display: -webkit-flex;
				display: flex;
				-webkit-box-flex: 1;
				-webkit-box-pack: justify;
				-webkit-justify-content: space-between;
				justify-content: space-between;
				-webkit-box-align: center;
				-webkit-align-items: center;
				align-items: center;
			}*/
			/*右图标*/

			/*.aui-list-item-arrow:before {
				content: '';
				width: 0.4rem;
				height: 0.4rem;
				position: absolute;
				top: 50%;
				right: 0.75rem;
				margin-top: -0.2rem;
				background: transparent;
				border: 1px solid #BFBFBF;
				border-top: none;
				border-right: none;
				z-index: 2;
				-webkit-border-radius: 0;
				border-radius: 0;
				-webkit-transform: rotate(-135deg);
				transform: rotate(-135deg);
			}*/
			/*底部电话*/

			/*.phone {
				display: flex;
				position: fixed;
				bottom: 20px;
				width: 100%;
			}

			.telephone {
				display: flex;
				margin: 0 auto;
				font-size: 12px;
				line-height: 20px;
				color: #BFBFBF;
			}

			.telephone>img {
				width: 14px;
				height: 14px;
				padding-top: 5px;
			}

			.aui-list-item {
				border: none;
				background-image: none !important;
			}

			.aui-list {
				background-image: none !important;
			}*/
			/*文字*/
			/*.wirtter{
				font-size: 12px;
				color: #BFBFBF;
				padding-right: 15px;
			}*/
		</style>
	</head>

	<body>
		<div class="Zhangice">
			<div>
				<ul class="aui-list aui-list-in">
					<li class="aui-list-item">
						<img src="../image/icon/VOLUME2@2x.png" />
						<div class="aui-list-item-inner aui-list-item-arrow" tapmode onclick="SystemNotification()">

							<span>系统通知 </span>
							<div class="wirtter">您有一张优惠券即将过期</div>
						</div>
					</li>
					<li class="aui-list-item">

						<img src="../image/icon/KEFU@2x.png" />
						<div class="aui-list-item-inner aui-list-item-arrow" tapmode onclick="customer_feedback()">
							<span>车车侠客服</span>
							<div class="wirtter">您有一条未读消息</div>
						</div>
					</li>
					<li class="aui-list-item">
						<img src="../image/icon/hdgg@2x.png" />
						<div class="aui-list-item-inner aui-list-item-arrow" tapmode onclick="Activity()">
							<span>活动公告 </span>
							<div class="wirtter">新年办卡送洗车券</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="phone">
				<div class="telephone"><img src="../image/icon/dianh@2x.png" />&nbsp;400-111-0771</div>
			</div>

		</div>
	</body>
	<script type="text/javascript" src="../script/public-head.js"></script>
	<script type="text/javascript" src="../script/api.js"></script>
	<script type="text/javascript" src="../script/aui-slide.js"></script>
	<script type="text/javascript" src="../script/aui-tab.js"></script>
	<script type="text/javascript" src="../script/mui.js"></script>
	<script type="text/javascript">
		headInner({
			title: "消息中心",
			//headleft
			headl: '<a href="#" style="color:white" class="mui-icon mui-icon-left-nav" tapmode onclick="api.closeWin()"></a>',
			//headright
			headr: '<a style="color:white"></a>',
			color: "", //默认是蓝色
			padding: "0px 0px 0px",
		})
   	function SystemNotification() {
		api.openWin({
			name: 'SystemNotification',
			url: '../html/SystemNotification.html'
		});
	}
   	function customer_feedback() {
		api.openWin({
			name: 'customer_feedback',
		    url: '../html/customer-service-feedback.html'
		});
	}
    function Activity() {
		api.openWin({
			name: 'Activity',
			url: '../html/Activity.html'
		});

	}
    function homepage_2() {
		api.openWin({
			name: 'homepage_2',
			url: '../html/homepage_2.html'
		});
	}
	</script>

</html>
